#Chart.js サンプル

サイドバーからサンプル間を移動できます。

あるいは、ローカルで実行することもできます。そのためには、Chart.js リポジトリ (新しいウィンドウが開きます)GitHub から実行しますpnpm ciすべてのパッケージをインストールしてから実行しますpnpm run docs:devドキュメントを作成します。ビルドが完了したらすぐに、次の場所に移動できます。ローカルホスト:8080/サンプル (新しいウィンドウが開きます)サンプルを見るには。

#すぐに使える動作サンプル

これらのサンプルはデモンストレーションのみを目的として作成されています。これらをコピーして自分の Web サイトに貼り付けても、そのままでは機能しません。これは、ドキュメントの構築方法が原因です。一部の定型コードは非表示になります。 コピーして貼り付けて直接使用できるサンプルについては、使い方ページ。

#自動生成データ

サンプルで使用されるデータは、カスタム関数を使用して自動生成されます。これらの関数はライブラリに同梱されていません。詳細については、ユーティリティページ。

#アクションブロック

サンプルには、actionsコードブロック。これらのアクションは Chart.js の一部ではありません。これらは内部で別々のボタンに変換されます。onClickドキュメントで使用するプラグインによるリスナー。このようなアクションを自分で実装するには、いくつかのボタンを作成して追加します。onClickイベントリスナーを追加します。次に、これらのイベント リスナーで、チャートを作成した変数を呼び出し、ボタンが行うべきロジックを実行できます。